<template>
  <VTable ref="tableRef" v-bind="tableOptins">
    <template #form="{ form }">
      <XForm :fieldList="fieldList" :formOption="{}" :formData="form"></XForm
    ></template>
  </VTable>
</template>
<script setup lang="jsx">
import { ElMessage } from "element-plus";
import XForm from "@/components/XForm/index.vue";
const tableRef = ref();
const tableOptins = reactive({
  formConfig: {
    data: {},
  },
  tooltipConfig: {
    showAll: false,
  },
  isToggle: true,
  columns: [
    {
      type: "checkbox",
      width: 50,
      fixed: "left",
    },
    {
      title: "ID",
      field: "id",
      width: 180,
      slots: {
        default: ({ row }) => {
          return <span>{row?.id?.toString() || "-"}</span>;
        },
      },
    },
    {
      title: "店铺",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "店铺状态",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "结算状态",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "店铺负责人",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "结算开始时间",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "币种",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "未结算余额",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "更新未结算结存余额时间",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "提款时间",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "结算时间范围",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "放款金额",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "放款币种",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "银行卡尾号",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "当前记录结存金额",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "放款状态",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "处理状态",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "AHC追踪号",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "追踪编号",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "第三方渠道交易号",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "参考收款信息",
      field: "todo",
      minWidth: 100,
    },
    {
      title: "汇率",
      field: "todo",
      minWidth: 100,
    },
  ],
  data: [],
});
const fieldList = [
  {
    field: "serialNo",
    type: "input",
    placeholder: "发款单号",
  },
];
</script>
<style lang="scss" scoped>
.vx-table {
  height: calc(100% - 40px) !important;
}
</style>
